<!DOCTYPE html>
<html lang="en">

{% load static %}


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双色球投注</title>
    <link rel="stylesheet" type="text/css" href="{% static 'SSQ/css/SSQ_bet.css' %}">
    <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'common/bootstrap-table/bootstrap-table.min.css' %}" rel="stylesheet">


    {#<link rel="stylesheet" type="text/css" href="../../static/SSQ/css/SSQ_bet.css">#}
    {#<link rel="stylesheet" type="text/css" href="../../static/common/bootstrap.min.css">#}
    {#<link rel="stylesheet" type="text/css" href="../../static/common/bootstrap-table/bootstrap-table.min.css">#}
</head>

<body>

<!--导航栏-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"><a class="navbar-brand label-success">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
            class="navbar-toggler-icon"></span></button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li> &nbsp;</li>
            <li class="nav-item"><a class="nav-link" href="/">首页</a></li>
            <li> &nbsp;</li>

            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1"
                                             role="button" data-toggle="dropdown" aria-haspopup="true"
                                             aria-expanded="false"> 大乐透 </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                    <a class="dropdown-item" href="/DLT">开奖信息</a>
                    <a class="dropdown-item" href="/DLT/bet_data">投注信息</a>
                    <a class="dropdown-item" href="/DLT/bet">投注</a>
                    <div class="dropdown-divider"></div>
                </div>
            </li>

            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3"
                                             role="button" data-toggle="dropdown" aria-haspopup="true"
                                             aria-expanded="false"> 双色球 </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                    <a class="dropdown-item" href="/SSQ">开奖信息</a>
                    <a class="dropdown-item" href="/SSQ/bet_data">投注信息</a>
                    <a class="dropdown-item" href="/SSQ/bet">投注</a>
                    <div class="dropdown-divider"></div>
                </div>

            </li>


        </ul>
    </div>
</nav>
<hr style="background-color: #dedee2;height: 2px;border: none;">


<!--投注界面-->
<div>
    <!--普通选号-->
    <section class="section_note_head">
        <h1 class="note_h2">普通选号</h1>
    </section>

    <section>
        <div>
            <article id="article_rnd_red" class="article_red_ball">
                <h3>
                    <span><em><font color="red">前区</font></em> 至少选择6个</span>
                </h3>
                <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                    class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
                <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
                <span
                        class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
                <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
                <span
                        class="btn_ball">15</span> <span class="btn_ball">16</span>
                <span class="btn_ball">17</span>
                <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
                <span
                        class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
                <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
                <span
                        class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
                <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
                <span
                        class="btn_ball">33</span>
                <footer style="margin-top: 10px">
                    <select id="select_rnd_red">
                        <option value="5">5</option>
                        <option value="6" selected="selected">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                    </select>
                    <button id="bn_rnd_red"> 前区机选</button>
                    <button id="bn_red_clear">清空</button>
                </footer>
            </article>
        </div>
        <div>
            <aside id="aside_rnd_blue" class="aside_blue_ball">
                <div>
                    <h3>
                        <span><em><font color="blue">后区</font></em> 至少选择1个</span>
                    </h3>
                </div>
                <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                    class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
                <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
                <span
                        class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
                <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span> <span
                    class="btn_ball">15</span> <span class="btn_ball">16</span>

                <footer style="margin-top: 10px">
                    <select id="select_rnd_blue">
                        <option value="1" selected="selected">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
                    <button id="bn_rnd_blue">后区机选</button>
                    <button id="bn_blue_clear">清空</button>
                </footer>
            </aside>
        </div>
        <footer class="footer_select_btn">
            <em>投注期号</em><textarea id="text_common_phasenum" style="height: 40px"></textarea>
            <em>投注倍数</em>
            <select id="select_note_multiple">
                <option value="1"  selected="selected">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>

            </select>
            <button class="btn" id="btn_common_note">确认</button>
            <button class="btn" id="btn_common_clear_all_select">清空</button>
        </footer>

    </section>

    <hr>
    <!--胆拖选号-->
    <section class="section_note_head">
        <h1 class="note_h2">胆拖选号</h1>
    </section>
    <section>
        <article class="article_red_dan_ball">
            <h3>
                <span style="text-align: left"><em style="color:red">红球胆码区</em> 认为必出的号码 至少选择1个，最多可选5个</span>
            </h3>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
            <span
                    class="btn_ball">15</span> <span class="btn_ball">16</span>
            <span class="btn_ball">17</span>
            <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
            <span
                    class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
            <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
            <span
                    class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
            <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
            <span
                    class="btn_ball">33</span></article>
        <article class="article_red_tuo_ball">
            <h3>
                <span style="text-align: left"><em style="color:red">红球拖码区</em> 认为可能出的号码 可选1或多个</span>
            </h3>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span>
            <span
                    class="btn_ball">15</span> <span class="btn_ball">16</span>
            <span class="btn_ball">17</span>
            <span class="btn_ball">18</span> <span class="btn_ball">19</span> <span class="btn_ball">20</span>
            <span
                    class="btn_ball">21</span> <span class="btn_ball">22</span> <span class="btn_ball">23</span>
            <span class="btn_ball">24</span> <span class="btn_ball">25</span> <span class="btn_ball">26</span>
            <span
                    class="btn_ball">27</span> <span class="btn_ball">28</span> <span class="btn_ball">29</span>
            <span class="btn_ball">30</span> <span class="btn_ball">31</span> <span class="btn_ball">32</span>
            <span
                    class="btn_ball">33</span></article>
        <aside class="aside_blue_dan_ball">
            <div>
                <h3>
                    <span><em style="color: blue;">蓝篮球区</em>至少选择1个蓝球</span>
                </h3>
            </div>
            <span class="btn_ball">01</span> <span class="btn_ball">02</span> <span
                class="btn_ball">03</span> <span class="btn_ball">04</span> <span class="btn_ball">05</span>
            <span class="btn_ball">06</span> <span class="btn_ball">07</span> <span class="btn_ball">08</span>
            <span
                    class="btn_ball">09</span> <span class="btn_ball">10</span> <span class="btn_ball">11</span>
            <span class="btn_ball">12</span> <span class="btn_ball">13</span> <span class="btn_ball">14</span> <span
                class="btn_ball">15</span> <span class="btn_ball">16</span>

        </aside>

        <footer class="footer_select_btn">
            <em>投注期号</em><textarea id="text_dantuo_phasenum" style="height: 40px;float: bottom"></textarea>
            <em>投注倍数</em>
            <select id="select_dantuo_multiple">
                <option value="1"  selected="selected">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>

            </select>
            <button class="btn" id="btn_dantuo_note">确认</button>
            <button class="btn" id="btn_dantuo_clear_all_select">清空</button>
        </footer>

    </section>
</div>




<!--需要引用的js库-->
<script src="{% static 'common/jquery.js' %}"></script>
<script src="{% static 'common/popper.js' %}"></script>
<script src="{% static 'common/bootstrap.min.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table.min.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table-locale-all.min.js' %}"></script>
<script src="{% static 'common/echarts.min.js' %}"></script>
<script src="{% static 'SSQ/js/SSQ_bet.js' %}"></script>


{#<script src="../../static/common/jquery.js"></script>#}
{#<script src="../../static/common/bootstrap.min.js"></script>#}
{#<script src="../../static/common/popper.js"></script>#}
{#<script src="../../static/common/echarts.min.js"></script>#}
{#<script src="../../static/common/bootstrap-table.min.js"></script>#}
{#<script src="../../static/common/bootstrap-table-locale-all.min.js"></script>#}
{#<script src="../../static/SSQ/js/SSQ_bet.js"></script>#}

<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>

</body>



</html>
